let lis = document.querySelectorAll('li')
console.log(lis);
let items = document.querySelectorAll('.item')
console.log(items);
for (let i = 0; i < lis.length; i++) {
    lis[i].onmousedown = function(){
        console.log(22);
        for(let j = 0 ;j<lis.length ; j++){

            lis[j].style.borderColor = ''
        }
        lis[i].style.borderColor = 'yellow'
    }
    lis[i].onclick = function () {
        for (let j = 0; j < lis.length; j++) {
            lis[j].className = ''
        }
        lis[i].className = 'current1'
        for (let i = 0;i<items.length ; i++) {
            items[i].className = 'item'
        }
        items[i].className = 'item current2'
    }
  
}